<template>
  <div class="device-info">
    <breadcrumb :list="breadcrumbList"></breadcrumb>
    <div class="content flex">
      <box-info v-if="fromAddress"></box-info>
      <camera-info v-else></camera-info>
      <div class="anchor">
        <a-anchor>
          <a-anchor-link title="基本信息" href="#baseInfo"></a-anchor-link>
          <a-anchor-link title="运行信息" href="#workInfo"></a-anchor-link>
          <a-anchor-link title="出入库记录" href="#stockRecord"></a-anchor-link>
          <a-anchor-link title="故障记录" href="#breakdownRecord"></a-anchor-link>
        </a-anchor>
      </div>
    </div>
  </div>
</template>
<script>
import Breadcrumb from '@/components/Breadcrumb'
import BoxInfo from './BoxInfo'
import CameraInfo from './CameraInfo'
import { getQueryString } from '@/utils'
export default {
  components: {
    Breadcrumb,
    BoxInfo,
    CameraInfo
  },
  data() {
    return {
      breadcrumbList: ['设备信息', '查看详情'],
      fromAddress: getQueryString('boxId')
    }
  },
  methods: {

  }
}
</script>
<style lang="less" scoped>
.device-info {
  .content {
    padding: 10px;
    background: #eee;
    .anchor {
      flex: 1;
      margin-left: 10px;
      /deep/.ant-anchor-wrapper {
        background: #eee;
      }
    }
  }
}
</style>